<template>
  <!-- template下面只能有一层 -->
  <div>
    <ul>
      <li>本周排行榜</li>
      <!-- <li><img src="../../../img/found/2.jpg" alt=""></li> -->
      <li>
        <router-link to="/home/found/ranking"
          ><img src="../../img/found/2.jpg" alt=""
        /></router-link>
      </li>
    </ul>

    <!-- 排行榜展示图 -->
    <div class="one"></div>
    <div class="two"></div>
  </div>
</template>

<script>
import { Toast } from "vant";
export default {
  data() {
    return {
      active: 0,
    };
  },
};
</script>

<style scoped>
ul {
  display: flex;
  justify-content: space-between;
}
ul li:nth-child(1) {
  margin: 104px 40px;
  width: 140px;
  height: 40px;
}
li {
  height: 100px;
  line-height: 100px;
}

li img {
  width: 50px;
  height: 50px;
  margin-top: 20px;
}

.one {
  width: 716px;
  height: 290px;
  margin: 0 auto;
  margin-top: 30px;
  border-color: rgb(187, 187, 187);
  border-width: 1px;
  border-style: solid;
  font-size: 14px;
  padding: 0px;
  text-align: center;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  background: rgb(239, 239, 239);
}

.two {
  width: 716px;
  height: 290px;
  margin: 0 auto;
  border-color: rgb(187, 187, 187);
  border-width: 1px;
  margin-top: 100px;
  border-style: solid;
  font-size: 14px;
  padding: 0px;
  text-align: center;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  background: rgb(239, 239, 239);
}
</style>
